@CHARSET "ISO-8859-1";.center {
	margin: auto;
}
	.order-table{   
	border-collapse:collapse;
}
 
.order-table-header{
	text-align:center;
	background:none repeat scroll 0 0 #1C649A;
	border-bottom:1px solid #BBBBBB;
	padding:16px;
	color: #ffffff;
}
 
.order-table-odd-row{
	text-align:center;
	background:none repeat scroll 0 0 #FFFFFFF;
	border-top:1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}
 
.order-table-even-row{
	text-align:center;
	background:none repeat scroll 0 0 #F9F9F9;
	border-top:1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}

@charset "utf-8";
/* CSS Document */

body{ 	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;	
	background-color:#fff;	
}
img {
	border: 0;
}
ul{   
   list-style-type:circle;	  
   margin:0;
}
li {
    margin: 0;  
	 	padding:0; 
}
.mr20{
	margin-right:20px;
}
.cl{
	clear:both;
}
a {
	color: #1C649A;
    outline: medium none;
    text-decoration: none;
}
.center {
	text-align: center;
}
.fl {
	float: left;
}
.fr{
	float:right;
}
.left {
	float: left;
}
.right {
	float: right;
}
.hide {
	display:none
}
.warning {
	color: red;
	font-weight: bold;
}
.show {
	display:block
}
html > body #ajax-indicator {
    position: fixed;
}

#ajax-indicator {
    background-color: #EEEEEE;
    border: 1px solid #BBBBBB;
    font-weight: bold;
    left: 40%;
    opacity: 0.5;
    padding: 0.6em;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 20%;
    z-index: 9999;
    display:none;
}

#error-indicator {
    background-color: #EEEEEE;
    border: 3px solid red;
    font-weight: bold;
    left: 40%;
    opacity: 1;
    padding: 0.6em;
    position: fixed;
    text-align: left;
    top: 35%;
    width: 20%;
    z-index: 9998;
    display:none;
    
}
#error-indicator.error-indicator-detail{
	background-color: #EEEEEE;
    border: 3px solid red;
    font-weight: bold;
    left: 10%;
    opacity: 1;
    padding: 0.6em;
    position: fixed;
    text-align: left;
    top: 15%;
    width: 80%;
    height:70%;
    z-index: 9999;
    display:none;
    overflow: auto;
}
#error-indicator span{
	color:red;
}
#error-indicator .btnCloseErrorMessage{
	float:right;
}

#ajax-indicator span {
    background-image: url("../Images/loading");
    background-position: 0 40%;
    background-repeat: no-repeat;
    padding-left: 26px;
    vertical-align: bottom;
}

#dialog-error{
	width:320px;
	height:250px;
	display: none;	
}
#dialog-error .dialog-error-icon{
	float:left;
	width:70px;
}
#dialog-error .dialog-error-icon img{
	padding:10px;
}
#dialog-error .dialog-error-content{
	float:left;
	width:220px;
}

/* --- Header --- */
.headerContainer{
	width: 981px;
	height:62px;
	border-top:1px grey solid;
	border-bottom:1px grey solid;
	background:url("../Images/bgheader") repeat-x;
	position: relative;
}

#ScreenLogo {
    left: 8px;
    position: absolute;
    top: 7px;
    z-index: 1000;
}

#RootWebDescriptions {
    left: 68px;
    position: absolute;
    top: 4px;
}

#RootWebDescriptions .des1 {
	font-size: 24px;
	font-weight:bold;
}

#LoginInfo{
	width: 400px;
	border: 3px #1C649A solid;
	position: relative;
	margin-left:380px;
	top: 10px;
}

#UserInfo{
	width:400px; 
	border-bottom:3px #1C649A solid;
	height:16px;
}

#UserInfo a {
	color: #FFFFFF;
    outline: medium none;
    text-decoration: none;
}

#UserInfo a:hover {
    outline: medium none;
    text-decoration: underline;
}

#UserInfo .col1{
	width:85px;
	float:left;
	font-size:11px;
	font-weight:bold;
}

#UserInfo .col2{
	width:240px;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:15px;
	overflow: hidden;
}

#UserInfo .col3{
	width:75px;
	float:left;
	background-color:#1C649A;
	height:16px;
	font-size:11px;
	text-align:center;
}

#OfficeInfo{
	width:300px;
	height:16px;
}

#OfficeInfo .col1{
	width:85px;
	float:left;
	font-size:11px;
font-weight:bold;
}

#OfficeInfo .col4{
	width:215px;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:15px;
	overflow: hidden;
}

#ButtonGroup{
	width: 150px;
	top: 6px;
	right:37px;
	position: absolute;
}



#ButtonGroup input.SettingButton {
	width: 150px;
	background-color: #1C649A;
	text-align:center;
	color:#FFFFFF;
	border:1px solid; 
	height:20.5px
}
#ButtonGroup input.HelpButton {
	width: 150px;
	background-color: #1C649A;
	text-align:center;
	color:#FFFFFF;
	border:1px solid; 
	height:20.5px
}
#ButtonGroup table tr,#ButtonGroup table td{
	padding:0;
	margin:0;
}
/* --- Start page TaskList --- */
#pageTaskList ul {
list-style-type: none;
padding: 0px;
margin: 0px;
width: 700px;
}
#pageTaskList fieldset {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
}
#pageTaskList ul li {
display: inline;
float: left;
margin-right: 15px;
}
#pageTaskList #divCriteria {
	position: relative;
	height: 40px;
}
#pageTaskList #divButtonSection {
	position: absolute;
	right:0px;
	bottom:2px;
}
/* --- End page TaskList --- */

/* --- Search --- */
.search {
    position: absolute;
	 	left:780px;
    top: 18px;
    width: 380px;
}

.search input {
    border: 1px solid #7E9DB9;
    display: block;
    height: 15px;
    position: absolute;
    right: 220px;
    top: 0;
    width: 180px;
}

.search input.ImageButton {
    background-color: #EAF2FD;
    border: 0 none;
    display: block;
    height: 19px;
    position: absolute;
    right: 1px;
    width: 21px;
}

.search div.GlobalSearch {
    display: block;
    right: 220px;
    position: absolute;
    top: 20px;
		width: 180px;
}

.GlobalSearch a{
	color: #1C649A;
  outline: medium none;
  text-decoration: underline;
	font-size:10px;
}
/* --- End Search --- */

/* --- Content --- */
.mainContainer{
	width: 981px;
	height:auto;
	border-left:14px #1c649a solid;
	border-right:14px #1c649a solid;
    margin:0 auto;
	background-color:#dfdfdf;
}

/* main menu*/
.mainNavigation{
	width: 981px;
	margin-top:24px;
	height:51px;
	background:url("../Images/mainNavigationBg") repeat-x;
	border-bottom:1px #cdcdcd solid;
}
.mainMenuItem{
	width:162px;
	height:51px;
	border-right: 1px #fff solid;
	float:left;
	display:inline;
}
.mainMenuItem a{
	display:block;
	text-align:center;
  padding-top:14px;
	color:#1C649A;
	font-weight:600;
	cursor:pointer;
	height:37px;
	text-decoration:none;
}
.mainMenuItem a:hover,.mainMenuItem a.active{
	display:block;
	text-align:center;
  padding-top:14px;
	color:#000;
	font-weight:600;
	cursor:pointer;
	height:37px;
	background:url("../Images/mainNavigationBg_hover") repeat-x;
	text-decoration:none;
}
/* end main menu */

.mainContent{
  width:981px;
  background-color: #eeeef0;
	min-height: 350px;
}

.leftNavigation{
	width:200px;
	margin-top:24px;
	display: inline;
	float:left;
	margin-left:12px;
	margin-right:12px;
	background-color: white;
	min-height: 300px;
}

.contentArea{
	width:721px;
	float:left;
	margin-top:24px;
	display:inline;
  	padding-left:12px;
	padding-right:12px;
	background-color: white;
	min-height: 300px;
	padding-bottom: 60px;
}

/* --- Footer --- */
.footerContainer{
  width:981px;
	height:48px;
	margin-top:12px;
	border-top:1px grey solid;
	border-bottom:1px grey solid;
	background:url("../Images/bgfooter") no-repeat;
}

#PanelFooterContainer{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	padding-top:9px;

}

.Copyright{
	width:200px;
	display:inline;
	float:left;
}
.version{
	margin-left:150px;
	display:inline;
}
#FooterLinks{
	width:400px;
	float:left;
	display:inline;
}

#FooterLinks ul li{
	color: #1C649A;
    display: inline;
    font-size: 100%;
    list-style-type: none;
    padding-left: 0;
    padding-right: 8px;
}

#FooterLogos{
	display:inline;
	float:right;
}

#FooterLogos ul li{
	color: #1C649A;
    display: inline;
    font-size: 100%;
    list-style-type: none;
    padding-left: 0;
    padding-right: 8px;
}
 /*=======================================================================*/
/*DATATABLE*/
.dataTables_wrapper {
	width: 100%;
}

.dataTable,.datatable {
	clear: both;
	border-collapse:collapse;
	border:1px solid #043d4e;
	margin-top:10px;
	width:100%;
}
.dataTable td,.datatable td, .table01 th {
	padding:5px 10px;
	font-size:11px;
	line-height:15px;
}
.dataTable thead tr td,.datatable thead tr td, .table01 thead tr th {font-weight:bold;font-size:12px;background-color:#1C649A;color:#fff;vertical-align:middle;line-height:17px;border:solid 1px #043d4e;}
.dataTable a,.datatable a {color:#0492d0 !important;}
.dataTables_length {
	float: right;
}

.dataTables_filter {
	float: right;
	padding-right:30px;
}

.dataTables_info {
	float: right;
	line-height: 22px;
	padding-top: 5px;
}

.dataTables_paginate {
	float: left;
	height: 22px;
	line-height: 22px;
	text-align: left;
	padding-top: 5px;
	width: 500px;
}

.paging_full_numbers a.paginate_button,.paging_full_numbers a.paginate_active
	{
	border: 1px solid #D4D4D4;
	color: #333333 !important;
	font-size: 11px;
	margin: 0 2px;
	padding: 1px 5px;
	text-decoration: none;
	cursor: pointer;
}

.paging_full_numbers a.paginate_button {
	
}

.paging_full_numbers a.paginate_button:hover {
	border: 1px solid #0492D0;
	color: #000000;
	text-decoration: none;
}

.paging_full_numbers a.paginate_active {
	background-color: #0492D0;
	border: 1px solid #0492D0;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	margin: 0 2px;
	padding: 1px 5px;
}
/*DATATABLE*/
/*=======================================================================*/
/* ==========================================*/
/*content Area */

.contentArea h1 {
    font-size: 130%;
    padding-top: 12px;
    color:#1C649A;
		width:655px;
}

/*--- h2 style --*/
.contentArea h2 {
    display: block;
    font-size: 120%;
    margin-top: 6px;
    padding-top: 12px;
}

/*--- style for the lable, combobox, input field, textare  --*/

.contentArea label {
    display: block;
    margin-bottom: 3px;
}

.contentArea .Textfiled, .contentArea .AreaText {
    border: 1px solid #ACB8C7;
    display: block;
    margin: 3px 0 6px;
    width: 300px;    
    color: black;
    font-family:Verdana, Geneva, sans-serif;    
    font-size: 12px;
}

.contentArea select {
    clear: both !important;
    display: block;
}
.contentArea input.Button {
    margin: 20px 0;
}
.contentArea fieldset {
	margin-top: 10px;
    border: 1px solid #043D4E;
}

.form_block{
	clear:both;
	padding-top: 30px;
}
.form_block .form_block_title{
	color: #000;
	font-weight: 600;
    clear:both;
}
.form_item{
	clear:both;
	padding-top: 10px;
}
.form_item .form_item_left{
	width:200px;
	float: left;
	display:inline;
}
.form_item_half_left{
	width:100px;
	float: left;
	display:inline;
}
.form_item .form_item_left label{
	
}
.form_item .form_item_right{
	width:520px;
	float:left;
	display:inline;
    word-wrap: break-word;
}
.form_item .form_item_half_right{
	width:200px;
	float:left;
	display:inline;
}
.form_item .ui-datepicker-trigger{
	padding-left:5px;
}
.textinput_verysmall{
	width:40px;
}
.textinput_small{
	width:50px;
}
.textinput_wideSmall{
	width:65px;
}

.textinput_medium{
	width:150px;
}

.textinput_large{
	width:200px;
}
.textinput_smallLarge{
	width:500px;
}

.textinput_wideLarge{
	width:230px;
}
.selectbox_small{
	width:50px;
}
.selectbox_medium{
	width:156px;
}

.selectbox_large{
	width:200px;
}

.form_item .textinput_full{
	width: 494px;
}

.form_item .btnSave{
	border-bottom-style: none;
	border:1px #000 solid;
	color:#fff;
	background-color:#1C649A;
	height:30px;
	width:95px;
	padding:5px;
	cursor: pointer;
}

.btn
{
	border-bottom-style: none;
	border:1px #000 solid;
	color:#fff;
	background-color:#1C649A;
	height:26px;
	padding:5px;
	cursor: pointer;
	font-size: 11px;
    font-weight: 600;
}
/*sub navigation */
/* --- Tree Navigation --- */
#leftNavigationTitle{
	
	height:30px;
	background:#1c649a;
	
}
#leftNavigationTitle a{
	font-size:12px;
	color:#fff;
	padding-left: 5px;
    padding-top: 7px;
	font-weight: 700;
	display: block;
}
#accordion{
	margin-left:5px;
	width:195px;
}
#accordion h3{
	
	background:none;
	border:0;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-bottom: 1px #000 dotted;
	color:#000;
	font-size:12px;
	font-weight: 600;
}
#accordion h3 a{
	background:none;
	border-bottom: 0px #000 dotted;
	color:#000;
	font-size:12px;
	font-weight: 600;
	padding:3px 0px;
	padding-left:5px;
	margin-top:3px;
	
}
#accordion h3 a:hover{
	background-color: #eef1f4;
}
#accordion h3.ui-state-active a{
	background-color:#1c649a !important;
	color:#fff;
}
#accordion h3.ui-state-active a:hover{
	background-color:none;
}
#accordion h3 span{
	display:none;
}
#accordion .subLevel1{
	border:0;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	padding:0;
	margin:0;
}
#accordion ul{
	list-style: none;
    padding-left: 0;
}
#accordion li{
	
	border-bottom: 1px #ABB8C7 dotted;
}
#accordion li a{
	display: block;
	background-color:#eef1f4;
	padding:3px 0px;
	padding-left:15px;
}
#accordion li a:hover,#accordion li a.active{
	display: block;
	background:url("../Images/sublevel2_hover") no-repeat;
	padding:3px 0px;
	padding-left:15px;
}


/* employee search form */


.tblFilterEmployee{
	width: 100%;
}
.tblFilterEmployee label{
	padding-left: 10px;
}
/* LOGIN  */
.form_block .header_login {
  color:#1C649A;
	font-size:20px;
	font-family:Verdana, Geneva, sans-serif;
	padding-bottom:20px;
	
}
.form_block .login_error_message{
	 padding-top:10px;					
   color:red;
}
/* END LOGIN */
/*Setting dialog*/
#dialog-setting h1 {
    font-size: 130%;
    padding-top: 0px;
    color:#1C649A;
}
#dialog-setting .form_item{
	clear:both;
	padding-top: 10px;
	width:565px;
}
#dialog-setting .form_item .form_item_left{
	width:115px;
	float: left;
	display:inline;
}
#dialog-setting .form_item .form_item_left label{
	
}
#dialog-setting .form_item .form_item_right{
	width:450px;
	float:left;
	display:inline;
}
#dialog-setting .form_item .ui-datepicker-trigger{
	padding-left:5px;
}
#dialog-setting .form_item .textinput_small{
	width:50px;
}
#dialog-setting .form_item .textinput_medium{
	width:130px;
}
#dialog-setting .form_item .textinput_large{
	width:200px;
}
#dialog-setting .form_item .textinput_full{
	width:90%;
}

#dialog-setting #search_box {
	background: white url("../Images/search_box.png") no-repeat top left;     
	border: medium none;    
	font-family: Verdana,Geneva,sans-serif;   
	height: 25px;
	text-indent: 25px;
	font-size: 12px;
	width: 250px;
	float: left;
	display:block;
	line-height: 100%; 
	color: #C3C3C3;
}
#dialog-setting #search_box input[type="text"]{    
	border: medium none;    
	font-family: Verdana,Geneva,sans-serif;   
	height: 15px;
	font-size: 12px;
	width: 210px;
	float: left;
	display:block;
	line-height: 100%; 
	color: #C3C3C3;
	margin: 4px 5px 5px 25px;
}
#dialog-setting table.datatable{
	line-height : 30px;  
}
#dialog-setting .form_item .btnAdd{
	text-align: center;
	border-bottom-style: none;
	border:1px #000 solid;
	color:#fff;
	background-color:#1C649A;
	height:25px;
	cursor: pointer;
}
#dialog-setting .form_item .btnDelete{
	background: white url("../Images/delete.gif") no-repeat;
	border-bottom-style: none;
	border-right-style:none;
	color:#fff;
	cursor: pointer;
}
#dialog-setting .form_item .btnSave{
	border-bottom-style: none;
	border:1px #000 solid;
	color:#fff;
	background-color:#1C649A;
	height:30px;
	width:95px;
	padding:5px;
	cursor: pointer;
}
#dialog-setting .form_item .btnClose{
	border-bottom-style: none;
	border:1px #000 solid;
	color:#fff;
	background-color:#1C649A;
	height:30px;
	width:95px;
	padding:5px;
	cursor: pointer;
	margin-left: 285px !important;
}
/*------------ start Unpaid Leave page ------------*/
.inputDisable{
	background-color: #E6E6E6;
    color: #000000;
}
label.error{
	  display:block;
		color:red;
		padding-left:10px;
}
input.error{
	color:red;
  border: 1px red solid;
}
span.error{
		color:red;
		padding-left:10px;
}
textarea.error{
	color:red;
  border: 1px red solid;
}

#pageUnpaidLeave #divPersonnelData{
	margin-top: 30px;
	position: relative;
}
#pageUnpaidLeave ul {
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#pageUnpaidLeave li {
	margin-top: 10px;
}
#pageUnpaidLeave .headline {
	font-weight: bold;
	color: black;
}
#pageUnpaidLeave #divPersonnelData label {
	display: inline-block;
	width: 200px;
}
#pageUnpaidLeave div#warning {
	color: red;
	font-weight: bold;
	float:left;
	margin-left: 30px;
	margin-top: 60px;
	display: none;
}
#pageUnpaidLeave .sectionButtons {
	display: none;
}

#pageUnpaidLeave .sectionButtons input {
	margin-right: 10px;
}

#pageUnpaidLeave #hrConButtons .maxWidthButton {
	border-bottom-style: none;
	border:1px #000 solid;
	color:#fff;
	background-color:#1C649A;
	height:30px;
	padding:5px;
	cursor: pointer;
	margin-bottom: 20px;
	width: 450px;
}
/*------------ end Unpaid Leave page ------------*/
/*------- for PartTime------*/
#pageParttimeModification div#warning {
	color: red;
	font-weight: bold;
	float:left;
	display: none;
	margin-top: 100px;
}
#pageParttimeModification .parttime{    
	display: inline;
    float: left;
    width: 360px;
}
#pageParttimeModification .parttime_small{    
	display: inline;
    float: left;
    width: 160px;
}
/*------- start Hung Tran ------*/
.sectionButtons {
	margin-top: 20px;
}

.sectionButtons .btn {
	margin-right: 10px;
}

.dialog .sectionButtons .btn {
	margin-right: 0px;
}

.dialog {
	font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
	display:none;
}

.dialog h1 {
	color: #1C649A;
    font-size: 130%;
}
.dialog h2 {
    display: block;
    font-size: 120%;
    margin-top: 6px;
    padding-top: 12px;
}

.dialog a {
    color: #1C649A;
    outline: medium none;
    text-decoration: none;
}
.dialog .headline {
	font-weight: bold;
	color: black;
	margin-bottom: 10px;
}
.dialog textarea{
	width: 100%;
	height: 100px;
}

.dialog div.headline{
	text-align: center;
	margin-bottom: 15px;
	width:100%;
}
/*---------- end Hung Tran -------*/
/*===========forwardMailDialog======*/
.ktgrDialog{
	display:block;
}
.ktgrDialog h1{
	color: #1C649A;
    font-size: 17px;
    padding-top: 0;
    font-weight: 600;
}
.dlgForwardMail{
	width:500px;
	height:500px;
	padding:10px;
}
.dlgForwardMail .dialogContent{
	height: 250px;
	overflow: auto;
}
.dlgForwardMail .dialogButton{
	padding-top:10px;
}
.dlgTable{
	width:100%;
	border:0;
}
.dlgTable tr td{
	padding-top:4px;
}
.dlgTable tr td.odd{
	width: 190px;
}
.dlgForwardMail .forwardEmail{
	width: 260px;
	background-color: white;
    border: 1px solid #BEBEBE;
    color: Black;
    cursor: text;
    font-size: 100%;
    font-weight: normal;
    height: 17px !important;
    margin: 1px;
    text-decoration: none;
    vertical-align: middle;
}
.dlgForwardMail .addRecipient{
	width: 225px;
	background-color: white;
    border: 1px solid #BEBEBE;
    color: Black;
    cursor: text;
    font-size: 100%;
    font-weight: normal;
    height: 17px !important;
    margin: 1px;
    text-decoration: none;
    vertical-align: middle;
}
.dlgForwardMail .addRecipientContainer{
	padding-top:4px;
}
.dlgForwardMail .removeRecipient{
	padding: 5px;
}
/*===========end forwardMailDialog======*/
.tblDuration{
	border: 2px solid #000 !important;
    border-collapse: collapse;
    clear: both;
    margin-top: 10px;
}
.txtEditable{
	width: 50px;
}
.tblDuration thead tr td, .tblDuration thead tr td, .tblDuration thead tr th {
    background-color: #1C649A;
    border: 1px solid #043D4E;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    vertical-align: left;
}

.tblDuration tr,.tblDuration td,.tblDuration th{
	padding:0;
	margin:0;
	font-size: 11px;
    line-height: 15px;
    padding: 5px 5px; 
}
.tblDuration th{
	text-align: left;
	background-color: #ccc;
	font-size: 12px;
	font-weight: 100;
	border-bottom: 2px solid #000 !important;
}
.tblDuration td{
	text-align: left;
	font-size: 12px;
	font-weight: 100;
	border: 1px solid #ccc;
}
.tblDuration tr{
	border-bottom:1px #000 solid;
}	
.tblDuration thead{
	border-bottom:1px #000 solid;
}
.tblDuration .odd{
	background-color: #ebfafc;
}
/*--start for Unpaid leave dialog---*/
#dlgUnpaidLeave h1 {
    font-size: 150%;
    padding-top: 0px;
    color:#1C649A;
}
#dlgUnpaidLeave .btnClose{
	border-bottom-style: none;
	border:1px #000 solid;
	color:#fff;
	background-color:#1C649A;
	height:30px;
	padding:5px;
	margin-top:5px;
	cursor: pointer;
	float: right;
}

#dlgUnpaidLeave .form_item .textinput_full_comment{
	width:100%;
}

#dlgUnpaidLeave .form_item .textinput_full{
	width:70%;
}
/*--start for Data Entering page--*/
#pageDataEntering h1 {
    font-size: 130%;
    padding-top: 0px;
    color:#1C649A;
}
#pageDataEntering legend {
	font-weight:bold;
	font-style:italic;
	margin-left: 5px;
}
#pageDataEntering fieldset{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#pageDataEntering #salary thead td{
	font-weight:600;
}
#pageDataEntering #search_box {
	background: white url("../Images/search_large.png") no-repeat top left;     
	border: medium none;    
	font-family: Verdana,Geneva,sans-serif;   
	height: 25px;
	text-indent: 25px;
	font-size: 12px;
	width: 355px;
	float: left;
	display:block;
	line-height: 100%; 
	color: #C3C3C3;
}
#pageDataEntering #search_box input[type="text"]{    
	border: medium none;    
	font-family: Verdana,Geneva,sans-serif;   
	height: 15px;
	font-size: 12px;
	width: 312px;
	float: left;
	display:block;
	line-height: 100%; 
	color: #C3C3C3;
	margin: 4px 5px 5px 25px;
}

#pageDataEntering label {
	display: inline-block;   
}
#pageDataEntering #personal{
	width: 100%;
	float: left;
}
#pageDataEntering .department{
	float:right;
}
#pageDataEntering #personal .row{
	margin-top: 10px;
	float: left;
	width: 100%;
}
#pageDataEntering #personal .row .part1 {
	float: left;
    width: 60px;
	margin-right: 5px;
}
#pageDataEntering #personal .row .part2{
	float: left;
    width: 250px;
	margin-right: 5px;
}
#pageDataEntering #personal .row .part3{
	float: left;
    width: 45px;
	margin-right: 5px;
}
#pageDataEntering #personal .row .part4{
	float: left;
    width: 320px;
	margin-right: 5px;
}
#pageDataEntering .btn{
	border-bottom-style: none;
	border:1px #000 solid;
	cursor: pointer;
	float: right;
    background-color: #1C649A;
	color: #FFF;
	margin-top:5px;
	font-size: 11px;
    font-weight: 600;
    height: 26px;
    padding: 5px;
}
#pageDataEntering #personal  #btnHistory{
	background-image: url("../Images/history");
    border: 1px solid #000000;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    height: 26px;
    text-indent: 5px;
	font-weight:bold;
	font-size: 11px;
    font-weight: 600;
    padding: 5px;
}

#pageDataEntering #record{
	width: 100%;
	float: left;
}
#pageDataEntering #record #record-detail{
	margin-top: 10px;
	float: left;
}
#pageDataEntering #dataEntering{
	width: 100%;
	float: left;
}
#pageDataEntering #enterData{
	width: 100%;
	float: left;
}

#pageDataEntering #enterData #tableOpenTasks{
	width: 100% !important;
}

#pageDataEntering #search_box_cost {
	background: white url("../Images/search_small.png") no-repeat top left;     
	border: medium none;    
	font-family: Verdana,Geneva,sans-serif;   
	height: 25px;
	text-indent: 25px;
	font-size: 12px;
	width: 105px;
	float: left;
	display:block;
	line-height: 100%; 
}
#pageDataEntering #search_box_cost input[type="text"]{    
	border: medium none;    
	font-family: Verdana,Geneva,sans-serif;   
	height: 15px;
	font-size: 12px;
	width: 70px;
	float: left;
	display:block;
	line-height: 100%; 
	margin: 4px 5px 5px 25px;
}
#pageDataEntering #search_box_account {
	background: white url("../Images/search_account.png") no-repeat top left;     
	border: medium none;    
	font-family: Verdana,Geneva,sans-serif;   
	height: 25px;
	text-indent: 25px;
	font-size: 12px;
	width: 120px;
	float: left;
	display:block;
	line-height: 100%; 
}
#pageDataEntering #search_box_account input[type="text"]{    
	border: medium none;    
	font-family: Verdana,Geneva,sans-serif;   
	height: 15px;
	font-size: 12px;
	width: 80px;
	float: left;
	display:block;
	line-height: 100%; 
	margin: 4px 5px 5px 25px;
}

/*---page DataHistory--*/
#pageDataHistory #search_box {
	background: white url("../Images/search_large.png") no-repeat top left;     
	border: medium none;    
	font-family: Verdana,Geneva,sans-serif;   
	height: 25px;
	text-indent: 25px;
	font-size: 12px;
	width: 355px;
	float: left;
	display:block;
	line-height: 100%; 
	color: #C3C3C3;
}
#pageDataHistory legend {
	font-weight:bold;
	font-style:italic;
	margin-left: 5px;
}
#pageDataHistory fieldset{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#pageDataHistory #search_box input[type="text"]{    
	border: medium none;    
	font-family: Verdana,Geneva,sans-serif;   
	height: 15px;
	font-size: 12px;
	width: 312px;
	float: left;
	display:block;
	line-height: 100%; 
	color: #C3C3C3;
	margin: 4px 5px 5px 25px;
}
#pageDataHistory #filter .row{
	margin-top: 10px;
	float: left;
	width: 100%;
}
#pageDataHistory #filter .row .part1 {
	float: left;
    width: 80px;
	margin-right: 5px;
}
#pageDataHistory #filter .row .part2{
	float: left;
    width: 355px;
	margin-right: 5px;
}
#pageDataHistory #filter .row .month{
	float: left;
  width: 40px;
	margin-right: 5px;
}

#pageDataHistory #filter .row .part3{
	float: left;
    width: 75px;
	margin-right: 5px;
}
#pageDataHistory #filter .row .part4{
	float: left;
    width: 175px;
	margin-right: 5px;
}
#pageDataHistory .btn{
	border-bottom-style: none;
	border:1px #000 solid;
	color:#0000;
	height:25px;
	cursor: pointer;
	float: right;
    background-color: #1C649A;
	color: #FFF;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:3px;
}

#pageDepHrIndTraining #costData input {
	margin-right: 40px;
}
#pageDepHrIndTraining #costData .header {
	width: 96px;
	display: inline-block;
}
#pageDepHrIndTraining #costData .blank {
	width: 61px;
	margin-right: 40px;
	display: inline-block;
}
#pageDepHrIndTraining .textinput_verysmall {
	width: 55px;
}

#pageDepHrIndTraining .error {
	color:red;
	padding-left: 0px;
}

#pageDepHrIndTraining .block {
	display: block;
}

#pageDepHrIndTraining label.inline {
	display:inline;
}
#pageDepHrIndTraining .errorCostWidth {
	width:59px;
}

#dialog-message,#dialog-message-confirm{
	width:320px;
	height:250px;
	display: none;	
}
#dialog-message .dialog-message-icon,#dialog-message-confirm .dialog-message-icon{
	float:left;
	width:70px;
	height: 60px;
	margin-top:15px;
}

#dialog-message .dialog-message-content,#dialog-message-confirm .dialog-message-content{
	float:left;
	width:220px;
}
.message-error .dialog-message-icon{
	background : url("../Images/error_icon") no-repeat top left;
}
.message-warning .dialog-message-icon{
	background : url("../Images/warning_icon") no-repeat top left;
}
.message-info .dialog-message-icon{
	background : url("../Images/info_icon") no-repeat top left;
}
.message-success .dialog-message-icon{
	background : url("../Images/success_icon") no-repeat top left;
}
.ui-dialog-titlebar{
	 border-bottom-right-radius: 0 !important;
	 border-bottom-left-radius: 0 !important;
	 border-top-right-radius: 0 !important;
	 border-top-left-radius: 0 !important;
	 background:none ;
	 background-color: #1C649A;
}
.ui-dialog-buttonset button{
	background-color: #1C649A;
    border: 1px solid #000000;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    height: 26px;
    padding: 5px;
}
.hasDate img{
	float:left;
	padding-top:3px;
}
.overlay{
	height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    display: none;
	z-index:9999;
	background-color:red;
	background: url("../Images/spacer") repeat scroll  ;
    opacity: 0.3;
}

.mask{
	background: url("../Images/spacer") repeat scroll  ;
	position:absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 20px;
	z-index:1001;
}
.tooltipIcon{
	margin-left:5px;
}
.red{
	color:red;
}
#DlgIndTraining #costData input {
    margin-right: 40px;
}
#DlgIndTraining .textinput_verysmall_cost {
    width: 70px;
}
#DlgIndTraining #costData .header {
	width: 120px;
	display: inline-block;
}
#DlgIndTraining #costData .blank {
    display: inline-block;
    width: 115px;
}
a.arrow_up{
		background: url("../Images/arrow_up") no-repeat top center;
		padding-right:12px;
	  display:block;
    color:#fff !important;
}
a.arrow_up:hover{
	 text-decoration : underline;
}
a.arrow_down{
		background: url("../Images/arrow_down") no-repeat top center;
		padding-right:12px;
	  display:block;
    color:#fff !important;
}
span.arrow_down{
		background: url("../Images/arrow_down") no-repeat top center;
		padding-right:12px;
		display:block;
		color:#fff !important;
		float:right;		
}
span.arrow_up{
		background: url("../Images/arrow_up") no-repeat top center;
		padding-right:12px;
		display:block;
		color:#fff !important;
		float:right;		
}
a.arrow_down:hover{
	  text-decoration : underline;
}
/*===========start for frm job ads confirm page======*/
#frmJobAdsConfirm{
	margin-left:5px;
}
#frmJobAdsConfirm h3{
	height:25px;
	background:none;
	border:0;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	color:#000;
	font-size:12px;
	font-weight: 600;
	padding-left: 25px;
}
#frmJobAdsConfirm h3 a{
	background:none;
	color:#000;
	font-size:12px;
	font-weight: 600;
	padding:3px 0px;
	padding-left:5px;
	margin-top:3px;	
}
#frmJobAdsConfirm h3 a:hover{
	color:#1c649a;
}
#frmJobAdsConfirm h3.ui-state-active a{
	background-color:#1c649a !important;
	color:#fff;
}
#frmJobAdsConfirm h3.ui-state-active a:hover{
	background-color:none;
}
#frmJobAdsConfirm div.ui-accordion-content {
	background-color:#FFF !important;
	border:0 none;
}
#frmJobAdsConfirm .form_item_right{
	width: 460px;
}
#frmJobAdsConfirm .ui-state-active .ui-icon{ 
	background-image: url("../Images/ui_icon.png");
}
#frmJobAdsConfirm .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
#dialog-setting-page #search_box {
	background: white url("../Images/search_box.png") no-repeat top left;     
	border: medium none;    
	font-family: Verdana,Geneva,sans-serif;   
	height: 25px;
	text-indent: 25px;
	font-size: 12px;
	width: 250px;
	float: left;
	display:block;
	line-height: 100%; 
	color: #C3C3C3;
}
#dialog-setting-page #search_box input[type="text"]{    
	border: medium none;    
	font-family: Verdana,Geneva,sans-serif;   
	height: 15px;
	font-size: 12px;
	width: 210px;
	float: left;
	display:block;
	line-height: 100%; 
	color: #C3C3C3;
	margin: 4px 5px 5px 25px;
}
/*===========end for frm job ads confirm page======*/
/*===========for dialog process page======*/
.ui-widget { 
	font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
}
/*===========end for dialog process page======*/

/* ------ start TaskList -------*/
#pageTaskList td div.name {
	width:110px;
}
#pageTaskList td div.state {
	width:160px;
}
#pageTaskList td div.department {
	width:50px;
}
#pageTaskList td div.processType {
	width:130px;
}
#pageTaskList td div.taskCreation {
	width:70px;
}
/* ------ end TaskList -------*/